<!DOCTYPE html>
<!-- saved from url=(0056)http://startbootstrap.com/templates/simple-sidebar.html# -->
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<title>Panel</title>
<script src="<?php echo base_url();?>js/chart.js"></script>
<?php $this->load->view('panel_head');?>
</head>

<body>
<?php $this->load->view('header');?>
<div style="height:46px;"></div>
<!--<div id="wrapper">--> 
<div> 
  

  <!-- Page content -->
  <div id="page-content-wrapper">
    <div class="content-header">
      <h1><span class="glyphicon glyphicon-film"></span>&nbsp;Information</h1>
    </div>
    <!-- Keep all page content within the page-content inset div! -->
    <div class="page-content inset">
      <div class="row">
        <div class="col-md-12">
          <h4 style="margin-bottom:20px;"><strong>Show Cheer 2013 : Faculty of SCIENCE - รักนี้ที่ มข. [ISC : Official]</strong></h4>
        </div>
      </div>
      <!-- <div class="row"> -->
      
      <div class="row" >
        <div class="col-md-5" align="center" style="margin-bottom:2em;"> <img data-src="holder.js/440x250" class="img-thumbnail"> </div>
        <div class="col-md-7" style="margin-bottom:2em;">
          <table width="100%">
            <tr >
              <td width="23%">Owner</td>
              <td width="2%">:</td>
              <td width="75%">Visarut Sae-Pueng</td>
            </tr>
            <tr>
              <td>Uploaded time</td>
              <td>:</td>
              <td>1 December 2013 4:59</td>
            </tr>
            <tr>
              <td>Raw file</td>
              <td>:</td>
              <td>25:42</td>
            </tr>
            <tr>
              <td>Duration</td>
              <td>:</td>
              <td>Show Cheer(1).mp4</td>
            </tr>
            <tr>
              <td>File size</td>
              <td>:</td>
              <td>524 MB</td>
            </tr>
            <tr>
              <td>Views</td>
              <td>:</td>
              <td>15255</td>
            </tr>
            <tr>
              <td>Like</td>
              <td>:</td>
              <td>311</td>
            </tr>
            <tr>
              <td>Dislikes</td>
              <td>:</td>
              <td>7</td>
            </tr>
            <tr>
              <td>Video URL</td>
              <td>:</td>
              <td><fieldset disabled>
                  <input type="text" class="form-control"  value="<?php echo base_url();?>?78jKdJz9" style="width:25em;">
                  </input>
                </fieldset></td>
            </tr>
          </table>
        </div>
        <!-- <div class="col-md-6"> --> 
      </div>
      <!-- <div class="row"> -->
      
      <div class="row">
        <div class="col-md-2" align="center">
          <div style="padding-bottom:0.3em;"><img data-src="holder.js/120x68" class="img-thumbnail"></div>
          <div style="padding-bottom:0.3em;"><img data-src="holder.js/120x68" class="img-thumbnail"></div>
          <div style="padding-bottom:0.3em;"><img data-src="holder.js/120x68" class="img-thumbnail"></div>
          <div>
            <button type="button" class="btn btn-default" data-dismiss="modal">Customised</button>
          </div>
        </div>
        <div class="col-md-5">
          <div style="padding-bottom:0.2em;"> <strong>Title</strong> </div>
          <div style="padding-bottom:1em;">
            <input type="text" class="form-control" value="Show Cheer 2013 : Faculty of SCIENCE - รักนี้ที่ มข. [ISC : Official]">
            </input>
          </div>
          <div style="padding-bottom:0.2em;"> <strong>Description</strong> </div>
          <div>
            <textarea class="form-control" rows="3" style="height:11.3em;">ISC - Information Science Club 
ชุมนุมวิทยาสารนิเทศ คณะวิทยาศาสตร์ มหาวิทยาลัยขอนแก่น
by : http://www.facebook.com/infosckku

Show Cheer 2013 : Faculty of SCIENCE - รักนี้ที่ มข. [ISC : Official]
http://youtu.be/S40_6F-a_wE

Show Cheer 2013 : Faculty of SCIENCE - รักนี้ที่ มข. (Ver.Cheerleading) [ISC : Official] 
http://youtu.be/ECETh_Qnplo</textarea>
          </div>
        </div>
        <div class="col-md-5">
          <div style="padding-bottom:0.2em;"> <strong>Share</strong> </div>
          <div style="padding-bottom:1em;">
            <select class="form-control" >
              <option>-- Public --</option>
              <option>Public</option>
              <option>Private</option>
              <option>Ban</option>
            </select>
          </div>
          <div style="padding-bottom:0.2em;"> <strong>Category</strong> </div>
          <div style="padding-bottom:1em;">
            <select class="form-control" >
              <option>-- Entertrainment --</option>
              <option>Education</option>
              <option>Music</option>
              <option>Gaming</option>
              <option>Howto & Style</option>
              <option>Science & Technology</option>
              <option>Comedy</option>
              <option>Film & Animation</option>
              <option>Travel & Events</option>
              <option>Pet & Animals</option>
            </select>
          </div>
          <div>
            <input type="checkbox">
            delete vdo
            </input>
          </div>
          <div align="right" style="padding-top:4em;"> <a href="<?php echo base_url();?>index.php/pvdo">
            <button type="button" class="btn btn-default" data-dismiss="modal">Cancle</button></a>
            <button type="button" class="btn btn-warning">Save</button>
          </div>
        </div>
      </div>
      <!-- <div class="row"> --> 
      
    </div>
    <!-- <div class="page-content inset"> --> 
    
  </div>
  <!--  <div id="page-content-wrapper"> --> 
  
</div>
<!-- <div id="wrapper"> --> 

<!-- Custom JavaScript for the Menu Toggle --> 
<script>
    $("#menu-toggle").click(function(e) {
        e.preventDefault();
        $("#wrapper").toggleClass("active");
    });
</script> 

<!-- checkbox --> 
<script>
$('#select-all').click(function(event) {   
    if(this.checked) {
        // Iterate each checkbox
        $(':checkbox').each(function() {
            this.checked = true;                        
        });
    }else{
		$(':checkbox').each(function() {
			this.checked = false;
		});
	}
});
</script>
</body>
</html>